<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>我房人</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<link rel="stylesheet" type="text/css" href="../css/style.css" />
		<style type="text/css">
			.month{padding: 20px;background: #fff;margin-bottom: 20px;width: 1180px !important;}
			.month.story-wf .t-box{margin-top: 0;}
			.month #swiper-container4 .swiper-slide img{height: 250px;width: 220px;}
		</style>
	</head>

	<body>

		<!--头部开始-->
		<div class="top-bar clearfix">
			<div class="fl cheng"></div>
			<div class="fl gray"></div>
		</div>
		<div class='top '>
			<div class="normal-size top-box">
				<div class="head clearfix">
					<!--logo开始-->
					<div class="logo fl"><img src="../images/logo.jpg" alt=""></div>
					<!--logo结束-->

					<!--导航栏开始-->
					<div class="nav-bar fl">
						<ul class="clearfix">
							<li class="fl nav-item "><a href="index.html">首页</a></li>
							<li class="fl nav-item"><span class="border-nav">|</span></li>
							<li class="fl nav-item ac on">
								<a href="news.html">我房要闻</a>
								<img class="arrow-d" src="../images/arrow-d.jpg" alt="">
								<ul class="nav-item-s-box">
									<li class="nav-item-s"><a href="#">我房动态</a></li>
									<li class="nav-item-s"><a href="#">政府关怀</a></li>
									<li class="nav-item-s"><a href="#">爱心行动</a></li>
								</ul>
							</li>
							<li class="fl nav-item"><span class="border-nav">|</span></li>
							<li class="fl nav-item"><a href="#">我房大事记</a></li>
							<li class="fl nav-item"><span class="border-nav">|</span></li>
							<li class="fl nav-item ac">
								<a href="#">我房学院</a>
								<img class="arrow-d" src="../images/arrow-d.jpg" alt="">
								<ul class="nav-item-s-box">
									<li class="nav-item-s"><a href="#">旅策视野</a></li>
									<li class="nav-item-s"><a href="#">Q版楼市</a></li>
									<li class="nav-item-s"><a href="#">销售技巧</a></li>
									<li class="nav-item-s"><a href="#">职场技能</a></li>
									<li class="nav-item-s"><a href="#">知识分享</a></li>
								</ul>
							</li>
							<li class="fl nav-item"><span class="border-nav">|</span></li>
							<li class="fl nav-item ac">
								<a href="#">关于我们</a>
								<img class="arrow-d" src="../images/arrow-d.jpg" alt="">
								<ul class="nav-item-s-box">
									<li class="nav-item-s"><a href="company.html">公司简介</a></li>
									<li class="nav-item-s"><a href="honour.html">资质信誉</a></li>
								</ul>
							</li>
							<li class="fl nav-item"><span class="border-nav">|</span></li>
							<li class="fl nav-item"><a href="joinus.html">加入我们</a></li>
							<li class="fl nav-item"><span class="border-nav">|</span></li>
							<li class="fl nav-item"><a href="#">投诉建议</a></li>
						</ul>
					</div>
					<!--导航栏结束-->

					<!--搜索开始-->
					<div class="search-box fl">
						<input type="text">
						<div class="search-icon"></div>
						<img src="../images/search-icon.png" alt=""></div>
					<!--搜索结束-->
					<div class="fr"><img src="../images/geyan.jpg" alt=""></div>

				</div>
			</div>
		</div>
		<!--头部结束-->
		<div class="container">
			<div class="listbox newsbox">
				<div class="news fl">
					<div class="swiper-container" id="swiper-container1">
						<div class="swiper-wrapper">
							<a href="#" class="swiper-slide"><img src="../images/index_banner.jpg" alt=""></a>
							<a href="#" class="swiper-slide"><img src="../images/index_banner.jpg" alt=""></a>
							<a href="#" class="swiper-slide"><img src="../images/index_banner.jpg" alt=""></a>
						</div>
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div>
					<div class="timelist">
						<img src="../images/time.png" class="time" />
						<ul>
							<li>
								<span>2017-11-12</span>
								<div class="timetxt">
									<a href="newDetail.html" class="timetile">
										<p>[政府关怀]我房最强音再度来袭！唱出橙色军团正能量</p>
										<em>原创</em>
									</a>
									<p class="timedetail">2017年8月10日，一年一度的我房最强音又！来！了！我房最强音是属于我房人自己歌唱比赛，今年已经是第二届啦！相比去年， 本次进入最终冠军角逐赛的选手有所增加，竞争激烈程度......
										<a href="newDetail.html">[详情]</a></p>
								</div>
							</li>
							<li>
								<span>2017-11-12</span>
								<div class="timetxt">
									<a href="#" class="timetile">
										<p>[政府关怀]我房最强音再度来袭！唱出橙色军团正能量[政府关怀]我房最强音再度来袭！唱出橙色军团正能量</p>
									</a>
									<p class="timedetail">2017年8月10日，一年一度的我房最强音又！来！了！我房最强音是属于我房人自己歌唱比赛，今年已经是第二届啦！相比去年， 本次进入最终冠军角逐赛的选手有所增加，竞争激烈程度......
										<a href="#">[详情]</a></p>
								</div>
							</li>
							<li>
								<span>2017-11-12</span>
								<div class="timetxt">
									<a href="#" class="timetile">
										<p>[政府关怀]我房最强音再度来袭！唱出橙色军团正能量</p>
									</a>
									<p class="timedetail">2017年8月10日，一年一度的我房最强音又！来！了！我房最强音是属于我房人自己歌唱比赛，今年已经是第二届啦！相比去年， 本次进入最终冠军角逐赛的选手有所增加，竞争激烈程度......
										<a href="#">[详情]</a></p>
								</div>
							</li>
							<li>
								<span>2017-11-12</span>
								<div class="timetxt">
									<a href="#" class="timetile">
										<p>[政府关怀]我房最强音再度来袭！唱出橙色军团正能量</p>
									</a>
									<p class="timedetail">2017年8月10日，一年一度的我房最强音又！来！了！我房最强音是属于我房人自己歌唱比赛，今年已经是第二届啦！相比去年， 本次进入最终冠军角逐赛的选手有所增加，竞争激烈程度......
										<a href="#">[详情]</a></p>
								</div>
							</li>
							<li>
								<span>2017-11-12</span>
								<div class="timetxt">
									<a href="#" class="timetile">
										<p>[政府关怀]我房最强音再度来袭！唱出橙色军团正能量</p>
									</a>
									<p class="timedetail">2017年8月10日，一年一度的我房最强音又！来！了！我房最强音是属于我房人自己歌唱比赛，今年已经是第二届啦！相比去年， 本次进入最终冠军角逐赛的选手有所增加，竞争激烈程度......
										<a href="#">[详情]</a></p>
								</div>
							</li>
							<li>
								<span>2017-11-12</span>
								<div class="timetxt">
									<a href="#" class="timetile">
										<p>[政府关怀]我房最强音再度来袭！唱出橙色军团正能量</p>
									</a>
									<p class="timedetail">2017年8月10日，一年一度的我房最强音又！来！了！我房最强音是属于我房人自己歌唱比赛，今年已经是第二届啦！相比去年， 本次进入最终冠军角逐赛的选手有所增加，竞争激烈程度......
										<a href="#">[详情]</a></p>
								</div>
							</li>
							<li>
								<span>2017-11-12</span>
								<div class="timetxt">
									<a href="#" class="timetile">
										<p>[政府关怀]我房最强音再度来袭！唱出橙色军团正能量</p>
									</a>
									<p class="timedetail">2017年8月10日，一年一度的我房最强音又！来！了！我房最强音是属于我房人自己歌唱比赛，今年已经是第二届啦！相比去年， 本次进入最终冠军角逐赛的选手有所增加，竞争激烈程度......
										<a href="#">[详情]</a></p>
								</div>
							</li>
						</ul>
						<a href="newList.html" class="morelink">查看更多</a>
					</div>
				</div>
				<div class="titlebox fr">
					<div class="titlelist">
						<img src="../images/message.png" />
						<ul>
							<li>
								<a href="newDetail.html">
									<span class="first">1</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<span class="second">2</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<span class="third">3</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<span>4</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<span>5</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<span>6</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<span>7</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<span>8</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<span>9</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<span>10</span>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
						</ul>
					</div>
					<div class="titlelist story">
						<img src="../images/story.png" />
						<ul>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜置</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
							<li>
								<a href="newDetail.html">
									<i></i>
									<p>别了，雾霾君！置业三亚畅享新鲜</p>
									<em>01-02</em>
								</a>
							</li>
						</ul>
						<a href="#" class="morelink">查看更多</a>
					</div>
					<div class="adslist">
						<a href="#"><img src="../images/story.jpg" alt="" /></a>
						<a href="#"><img src="../images/company.jpg" alt="" /></a>
						<a href="#"><img src="../images/decorate.jpg" alt="" /></a>
					</div>
				</div>
			</div>
			<!--月刊开始-->
			<div class="story-wf normal-size clearfix month">
				<!--左边轮播开始-->
				<div class="fl story-banner" style="width: 1180px">
					<div class="t-box clearfix">
						<img src="../images/monthly.jpg" alt="" class="fl t-img">
						<a href="#" class="read-more fr">更多 >></a>
					</div>
					<div class="sm-banner-box" style="height: 250px">
						<div class="swiper-container" id="swiper-container4">
							<div class="swiper-wrapper">
								<a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
									<p>2017-11 我房人月刊</p>
								</a>
								<a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
									<p>2017-11 我房人月刊</p>
								</a>
								<a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
									<p>2017-11 我房人月刊</p>
								</a>
								<a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
									<p>2017-11 我房人月刊</p>
								</a>
								<a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
									<p>2017-11 我房人月刊</p>
								</a>
								<a href="#" class="swiper-slide"><img src="../images/gongyi_item_01.jpg" alt="">
									<p>2017-11 我房人月刊</p>
								</a>
							</div>
							<div class="swiper-button-prev swiper-button-prev4"></div>
							<div class="swiper-button-next swiper-button-next4"></div>
						</div>
					</div>
				</div>
				<!--左边轮播结束-->
			</div>
			<!--月刊结束-->
		</div>
		<!--尾部开始-->
		<div class="footer">
			<div class="footer-top normal-size clearfix">
				<!--底部导航开始-->
				<div class="footer-nav-bar fl">
					<ul class="nav-ul clearfix">
						<li class="f-nav-item fl"><a href="#">关于我们</a></li>
						<li class="f-nav-item fl"><span>|</span></li>
						<li class="f-nav-item fl"><a href="#">我房荣誉</a></li>
						<li class="f-nav-item fl"><span>|</span></li>
						<li class="f-nav-item fl"><a href="#">联系我们</a></li>
						<li class="f-nav-item fl"><span>|</span></li>
						<li class="f-nav-item fl"><a href="#">品牌识别</a></li>
						<li class="f-nav-item fl"><span>|</span></li>
						<li class="f-nav-item fl"><a href="#">我房大事记</a></li>
					</ul>
				</div>
				<!--底部导航开始-->

				<!--底部联系电话开始-->
				<p class="f-tel fr">客服热线：<span>0898-66668989</span></p>
				<!--底部联系电话结束-->

			</div>
			<div class="footer-middle">
				<!--二维码开始-->
				<ul class="erweima-box normal-size clearfix">
					<li class="fl"><img src="../images/erweima_01.jpg" alt=""></li>
					<li class="fl"><img src="../images/erweima_02.jpg" alt=""></li>
					<li class="fl"><img src="../images/erweima_03.jpg" alt=""></li>
					<li class="fl"><img src="../images/erweima_04.jpg" alt=""></li>
					<li class="fl erweima-btn">
						<p>收起二维码 <img src="../images/logo_59.png" alt=""></p>
					</li>
					<li class="fl"><img src="../images/erweima_05.jpg" alt=""></li>
					<li class="fl"><img src="../images/erweima_06.jpg" alt=""></li>
					<li class="fl"><img src="../images/erweima_07.jpg" alt=""></li>
					<li class="fl" style="margin-right: 0"><img src="../images/erweima_08.jpg" alt=""></li>
				</ul>
				<!--二维码结束-->
			</div>
			<div class="footer-bottom">
				<div class="normal-size erweima-box">
					<div class="erweima-btn">展开二维码 <img src="../images/logo_71.png" alt=""></div>
				</div>
				<div class="b-box normal-size">
					<p>我房官网：www.wofang.com</p>
					<p>总部地址：海口市龙昆南路金霖花园别墅（海南特区报对面）7栋</p>
					<p>版权所有 Copyright @ All Rights Reserved&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;海南我房地产顾问有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;琼ICP备14000112号-2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;http://www.wofang.com</p>
				</div>
			</div>
		</div>
		<!--尾部结束-->
		<script src="../js/jquery.min.js"></script>
		<script src="../js/common.js"></script>
		<script src="../js/swiper.min.js"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper('#swiper-container1', {
				direction: 'horizontal',
				loop: true,
				autoplay: 5000,
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev'
				}
			});
			var mySwiper2 = new Swiper('#swiper-container4', {
				direction: 'horizontal',
				slidesPerView: 5,
				autoplay: 5000,
				navigation: {
					nextEl: '.swiper-button-next4',
					prevEl: '.swiper-button-prev4',
				},
				spaceBetween: 20,
				loop: true,
			});
		</script>
	</body>

</html>